<template>
	<view class="system flex-column">
		<view class="text" v-html="messageContent?.data"></view>
	</view>
</template>

<script lang="ts" setup>
import { messageProps, useMessage } from '@/hooks/useMessage'

const props = defineProps(messageProps)
const { messageContent } = useMessage(props)
</script>

<style lang="scss" scoped>
.system {
	width: 100%;

	.text {
		color: #666;
		margin: 20rpx 10%;
		font-size: 24rpx;
		padding: 16rpx 30rpx;
		border-radius: 10rpx;
		text-align: center;
		background: #eee;
		display: inline-block;
	}
}
</style>